<template>
	<div class="grass" v-if="xixi==undefined">
		<p>
			<img src="../../../../public/xrimg/hb.png" />
			<a>新用户注册388大礼包</a>
			<router-link to="/order">
				<span>立即领取<i class="iconfont">&#xe62d;</i></span>
			</router-link>
			
		</p>
		
	</div>
</template>

<script>
	
	export default{
		name:'Grass',
		data(){
			return{
				xixi:''
			}
		},
		created() {
			this.xixi = localStorage.hello
			console.log(localStorage.hello)
		}
	}
</script>

<style scoped>
	.grass{
		border-radius: 1rem 1rem 0 0;
		width:95%;
		height: 3rem;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 4rem;
		margin: 0 auto;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 100;
	}
	.grass p{
		width: 100%;
		line-height: 3rem;
		color: white;
	}
	.grass a{
		margin-left: 0.5rem;
	}
	.grass span{
		margin-top: 0.5rem;
		text-align: center;
		width: 5.5rem;
		line-height: 2rem;
		background-color: #ffc200;
		float: right;
		border-radius: 1rem;
		margin-right: 0.5rem;
	}
	.grass img{
		width: 2rem;
		height: 2rem;
		vertical-align: middle;
		margin-left: 0.5rem;
	}
</style>
